<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>尚生活——购物车</title>
    <link href="../images/title.ico" rel="shortcut icon">
    <link rel="stylesheet" href="../css/maikaolinreset.css">
    <link rel="stylesheet" href="../css/muban.css">
    <link rel="stylesheet" href="../css/shoopcar.css">
</head>
<body>
    
    <!--左边固定menu部分html-->
    <div class="menuLeftFixed">
        <ul>
            <li><a href="../index.html">首页</a></li>
            <li class="menuShow">
                <a href="javascript:;" >品牌系列</a>
                <div class="menu">
                    <ul id="hideUl">
                        <div></div>
                        <li><a href="../html/weinin.html">维您</a></li>
                        <li><a href="../html/mimihuayuan.html">LA CELLER</a></li>
                        <li class="menuItemLi"><a href="../html/mimihuayuan.html">秘密花园</a></li>
                        <li><a href="../html/SONOKO.html">SONOKO</a></li>
                    </ul>
                </div>
            </li>
            <li><a href="../html/meironghufu.html">美容护肤</a></li>
            <li><a href="../html/jiankangyangsheng-lgj.html">健康养生</a></li>
            <li><a href="../html/jiajuriyong-lgj.html">家居日用</a></li>
            <li><a href="../html/lyx_vip_convert.html">积分换购</a></li>
            <li class="menuItemLi"><a href="../html/lyx_vip.html">vip <br>会员专区</a></li>
            <li><a href="../html/qiyejieshaolgj.html">关于尚生活</a></li>
        </ul>
    </div>
    <!--顶部搜索框部分html-->
    <div class="searchHide">
        <div class="searchHead">
            <div class="searchBox">
                <form id="searchForm" method="get">
                    <input id="searchInput" type="text" name="searchFrame" placeholder="热门搜索：洁面  控油  祛痘" value="">
                    <button id="btn" type="submit">搜索</button>
                    <a class="close"></a>
                </form>
            </div>
        </div>
    </div>
    <!--内容部分html-->
    <div class="mainContent">
        <!--内容部分head-->
        <div class="contentHead shoop  clearfix">
            <h1 class="headLogo">
                <a href="javascript:;">
                    <img src="../images/qnh_newlogo.png" alt="logo名称">
                </a>
            </h1>
            <div class="headRight">
                <a href="javascript:;" role="button" class="search-btn"></a>
                <span>
                    |
                    <a href="../html/loginer2.html">登陆</a>
                    |
                    <a href="../html/register.html">注册</a>
                    |
                    <a href="../html/loginer2.html">我的账户</a>
                    |
                    <a href="../html/shoopcar3.html" class="shopCar">
                        <i class="carCount">0</i>
                    </a>
                    <span>
                        <img src="../images/tel-call.png" alt="服务热线400—156-9898">
                    </span>
                </span>
            </div>
        </div>
        <!--内容部分body（自己植入内容在该区域）-->
        <div class="ctShopcar shoop ">
            <!--购物车-->
            <div class="cspCar">
                <!--购物车头部-->
                <h3>购物车</h3>
                <!--购物车主体-->
                <table>
                    <thead>
                        <tr>
                            <th class="shoopFist">
                                <input type="checkbox" class="fist inp">
                            </th>
                            <th class="shoopTwo">
                                <div>商品名称</div>
                            </th>
                            <th class="shoopThere">价格(元)</th>
                            <th class="shoopThere">数量(件)</th>
                            <th class="shoopFor">小计（元）</th>
                            <th class="shoopFor">操作</th>
                        </tr>
                    </thead>
                    <tbody id="tbody">
                        <tr class="shopitem no">
                            <td colspan="6" class="noBoby">
                                您还没有挑选商品哦！<a href="../index3.html">返回首页</a>
                            </td>
                        </tr>
                        <tr class="shopitem t1" data-xz="8">
                            <td class="shopcheck">
                                <input type="checkbox" class="inp inline">
                            </td>
                            <td class="shopdetails">
                                <div>
                                    <a href="javascript:;">
                                        <img src="../images/qnh_board_1.1.jpg" alt="">
                                    </a>
                                    <div>
                                        <a href="javascript:;">维您氢之源珊瑚海藻复合食品礼盒</a>
                                        <p> 商品编号：V1510740-001</p>
                                    </div>
                                </div>
                            </td>
                            <td class="shopprice">
                                1000
                            </td>
                            <td class="shoptrim">
                                <div>
                                    <span class="shopnext btn">-</span>
                                    <input type="text"value="1"class="shopnum">
                                    <span class="shopprev btn">+</span>
                                </div>
                            </td>
                            <td class="shopsubtotal">1000</td>
                            <td class="shopclose">
                                X 删除
                                <!--对话框-->
                                <div class="dialog"> 
                                    确定删除该商品吗？
                                    <a href="javascript:;"class="diasure">确定</a>
                                    <a href="javascript:;"class="diacose">取消</a>
                                    <i></i>
                                </div>
                            </td>
                        </tr>
                        <tr class="shopitem t2" data-xz="5">
                            <td class="shopcheck">
                                <input type="checkbox" class="inp inline">
                            </td>
                            <td class="shopdetails">
                                <div>
                                    <a href="javascript:;">
                                        <img src="../images/qnh_board_1.1.jpg" alt="">
                                    </a>
                                    <div>
                                        <a href="javascript:;">维您氢之源珊瑚海藻复合食品礼盒</a>
                                        <p> 商品编号：V1510740-001</p>
                                    </div>
                                </div>
                            </td>
                            <td class="shopprice">
                                2160
                            </td>
                            <td class="shoptrim">
                                <div>
                                    <span class="shopnext btn">-</span>
                                    <input type="text"value="1"class="shopnum">
                                    <span class="shopprev btn">+</span>
                                </div>
                            </td>
                            <td class="shopsubtotal">2160</td>
                            <td class="shopclose">
                                X 删除
                                <!--对话框-->
                                <div class="dialog"> 
                                    确定删除该商品吗？
                                    <a href="javascript:;" class="diasure">确定</a><a href="javascript:;" class="diacose">取消</a>
                                    <i></i>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <!--购物车底部-->
                <div class="carBtm">
                    <div class="btmLeft">
                        <label>
                            <input type="checkbox" class="last inp">
                            全选
                        </label>
                        <a href="../index.html" class="btmLfist">继续购物</a>
                        <span>|</span>
                        <a href="javascript:;" class="clear">清空选中商品</a>
                    </div>
                    <div class="btmRight">
                        <div>
                            <p> 共 <span class="packages">0</span>&nbsp;件商品&nbsp;&nbsp;商品应付总额 (不包含运费) ：<span class="btmPrice">0</span></p>
                            <p>(满99元包邮，不含EMS及港澳台)</p>
                        </div>
                        <a href="javascript:;">立即结算</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--food部分html-->
    <div class="contentFood">
        <div class="foodAfter">   
            <div class="afterLeft">
                <ul>
                    <li>
                        <a href="javascript:;" class="leftIcon1"></a>
                        <a href="javascript:;">100%正品保证</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="leftIcon1 ic1"></a>
                        <a href="javascript:;">专业在线客服</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="leftIcon1 ic2"></a>
                        <a href="javascript:;">满99元包邮</a>
                    </li>
                </ul>
            </div>
            <div class="afterRight">
                <dl>
                    <dt>新手指南</dt>
                    <dd>新会员注册</dd>
                    <dd>购物演示</dd>
                    <dd>常见问题</dd>
                </dl>
                <dl>
                    <dt>付款方式</dt>
                    <dd>银行卡支付</dd>
                    <dd>支付宝支付</dd>
                    <dd>余额支付</dd>
                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd>退换货政策</dd>
                    <dd>退换货流程</dd>
                    <dd>退款流程</dd>
                    <dd>发票说明</dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd>贵宾专区</dd>
                    <dd>在线客服</dd>
                </dl>
                <dl>
                    <dt>尚生活生活家</dt>
                    <dd>
                        <img src="../images/qnh_dingyue.jpg" alt="尚生活生活家">
                    </dd>
                </dl>
                <dl>
                    <dt>尚生活服务号</dt>
                    <dd>
                        <img src="../images/qnh_fuwu.jpg" alt="尚生活服务号">
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <!--关于html-->
    <div class="foodAbout">
        <div class="aboutMai">
            <ul>
                <li class="aboutFistli"><a href="../html/qiyejieshaolgj.html">关于尚生活</a></li>
                <li><a href="#">INVESTOR RELATIONS</a></li>
                <li><a href="../html/lianxiwomen-lgj8.html">联系我们</a></li>
                <li><a href="../html/fuwutixilgj3.html">服务中心</a></li>
                <li><a href="../html/jiaruwomen-lgj7.html">加入我们</a></li>
            </ul>
            <p>
                <a href="javascript:;">
                    <img src="../images/qnh_newicon.png" alt="">
                </a>
                沪ICP备05003606号Copyright©2011-2015 MecoxLane Inc. All Rights Reserved
            </p>
        </div>
    </div>
    <!--备案号-->
    <p class="tail">
            <a href="javascript:;">
                <img src="../images/qnh_xfwqNew.jpg" alt="">
            </a>
            <a href="javascript:;">
                <img src="../images/qnh_evaluate.jpg" alt="">
            </a>
            <a href="javascript:;">
                <img src="../images/qnh_beian.png" alt="">
                沪公网安备31010402000234号
            </a>
        </p>
    <!--右边固定部分html-->
    <div class="rightFixed">
        <div class="rightKefu">
            <a href="javascript:;">
                <img src="../images/qnh_rightSider_01.png" alt="">
            </a>
        </div>
        <div class="hotTell">
            <img src="../images/qnh_rightSider_02.png" alt="">
            <img src="../images/qnh_kefu1.png" alt="" class="hideTell">
        </div>
        <div class="backTop">
            <a href="#">
                <img src="../images/qnh_rightSider_04.png" alt="">
            </a>
        </div>
    </div>
    <script src="../js/jquery-1.12.4.js"></script>
    <script src="../js/muban.js"></script>
    <script src="../js/shopcar.js"></script>
</body>
</html>